<template>
	<view class="card-container">
		<image class="pic" src="/static/img/card.png" mode=""></image>
		<view class="bottom">
			<view class="goods_name">
				<view class="multiline-ellipsis">
					膳食补充剂维持健康膳食补充剂维持健康膳食补充剂维持健康
				</view>
			</view>
			<view class="flex-sb-end num">
				<view class="price">86元</view>
				<view class="sales">已售100+</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		}
	}
</script>

<style lang="scss" scoped>
	.card-container {
		width: 336rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		overflow: hidden;
		margin-bottom: 20rpx;
		.pic{
			width: 100%;
			height: 336rpx;
			border-radius: 12rpx;
		}
		.bottom{
			padding:15rpx 20rpx;
			box-sizing: border-box;
		}
		.goods_name{
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			color: #232323;
			height:100rpx;
		}
		.price{
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			color: #FE1313;
		}
		.sales{
			font-size: 22rpx;
			color: #878787;
		}
	}
</style>